$(document).ready(function(){
  // init au load
$("#btn_submit").attr("disabled", "disabled");



/***** modification du style hover *******/
	$("#img_race_Akwalis").mouseover(function(e){
       $('#div_race_Akwalis').animate({borderColor: '#F0FFFF'});
       afficheInfo("#info_Akwalis", e)
    }).mousemove(function(e){suivreSourie("#info_Akwalis",e)});
  $("#img_race_Akwalis").mouseout(function(){
    cacheInfo("#info_Akwalis")
      $('#div_race_Akwalis').animate({borderColor: '#4682B4'});
    });

////
   $("#img_race_Elyaris").mouseover(function(e){
      afficheInfo("#info_Elyaris", e)
       $('#div_race_Elyaris').animate({borderColor: '#F0FFFF'});
    }).mousemove(function(e){suivreSourie("#info_Elyaris",e)});;
    $("#img_race_Elyaris").mouseout(function(){
      cacheInfo("#info_Elyaris")
      $('#div_race_Elyaris').animate({borderColor: '#8FBC8F'});
    });

////
    $("#img_race_Hommes").mouseover(function(e){
      afficheInfo("#info_Hommes", e)
       $('#div_race_Hommes').animate({borderColor: '#F0FFFF'});
    }).mousemove(function(e){suivreSourie("#info_Hommes",e)});;
    $("#img_race_Hommes").mouseout(function(){
      cacheInfo("#info_Hommes")
      $('#div_race_Hommes').animate({borderColor: '#FFD700'});
    });

////
    $("#img_race_Delorak").mouseover(function(e){
      afficheInfo("#info_Delorak", e)
       $('#div_race_Delorak').animate({borderColor: '#F0FFFF'});
    }).mousemove(function(e){suivreSourie("#info_Delorak",e)});;
     $("#img_race_Delorak").mouseout(function(){
      cacheInfo("#info_Delorak")
      $('#div_race_Delorak').animate({borderColor: '#696969'});
    });

/*************************************************************************************************************/
/*************************************************************************************************************/
/*************************************************************************************************************/

var race_selection = false; // pour valider inscription
// quand on clique sur une des race: chagement texte et fond
  $("#img_race_Akwalis").click(function(){
       $("#selection_race").empty();
       $("#selection_race").html("Selection de votre race : Akwalien");
       $("#la_race_courante").val("Akwalien");
      // $('body').css("background-image","url(pictures/inscription/altantide.jpg)");
       $('body').css('background-image', 'url(pictures/inscription/altantide.jpg)');
       race_selection = true;
       gestionBouton()
    });

   $("#div_race_Elyaris").click(function(){

        $("#selection_race").empty();
       $("#selection_race").html("Selection de votre race : Elyarien");
       $("#la_race_courante").val("Elyarien");

        $('body').css('background-image', 'url(pictures/inscription/chateau_elfe.jpg)');
        race_selection = true;
        gestionBouton()
    });

   $("#div_race_Hommes").click(function(){ 
     $("#selection_race").empty();
     $("#selection_race").html("Selection de votre race : Humain");
     $("#la_race_courante").val("Humain");


        $('body').css('background-image', 'url(pictures/inscription/chateau.jpg)');
        race_selection = true;
        gestionBouton()
    });

    $("#div_race_Delorak").click(function(){
      $("#selection_race").empty();
     $("#selection_race").html("Selection de votre race : Delorien");
     $("#la_race_courante").val("Delorien");

        $('body').css('background-image', 'url(pictures/inscription/chateau_delorakien.jpg)');
        race_selection = true;
        gestionBouton()
    });

    var afficheInfo=function(bulle,event)
    {
      $(bulle).css("display","inline");
      $(bulle).css('top', event.pageY + 10);
      $(bulle).css('left', event.pageX + 20);
     
    }
    var cacheInfo=function(bulle) //on cache l'info quand on sort de la zone hover
    {
      $(bulle).css("display","none");
    }
    var suivreSourie=function(bulle,event) // suivis du mouvement de la souris
    {
      $(bulle).css('top', event.pageY + 10);
      $(bulle).css('left', event.pageX + 20);
    }


/*************************************************************************************************************/
/*************************************************************************************************************/
/*************************************************************************************************************/

/*************************************/
/******* Validation Inscription ******/
/*************************************/

  var Login_dispo = false;
  var mpd_identique = false;
  var mail_OK =false;

// verification du login
  $("#Login").keyup(function(){
    Login_dispo=false;
      if($(this).val().length < 3)
      {
        $(this).css("border","2px solid red");
      }
      else
      {
        $.ajax({
          url:"index.php?class=user&methode=loginExist",
          type:"POST",
          data:"Login="+$(this).val(),
          dataType: "text",
          success:function(msg)
             {
               //alert(msg);
                if(msg)
                {
                  $("#Login").css("border","2px solid green");
                  Login_dispo=true;
                 // alert(Login_dispo);
                }
                else
                {
                  $("#Login").css("border","2px solid red");
                }
             }
        });
      }
      gestionBouton()
  });
// verification du mdp

  $("#mdp").keyup(function(){
    mpd_identique = false;
  // si j'ai le confirm deja remplis
        if($("#mdp_conf").val()!="")
        {
          //je fait la verif
           if($(this).val()==$("#mdp_conf").val())
           {
            $("#mdp_conf").css("border","2px solid green");
            mpd_identique = true; 
           }
           else
           {
            $("#mdp_conf").css("border","2px solid red");
           }
        }
      gestionBouton()
    });
   $("#mdp_conf").keyup(function(){
    mpd_identique = false;
  // si j'ai le confirm deja remplis
        if($("#mdp_conf").val()!="")
        {
          //je fait la verif
           if($(this).val()==$("#mdp").val())
           {
            $("#mdp_conf").css("border","2px solid green");
              mpd_identique = true; 
           }
           else
           {
            $("#mdp_conf").css("border","2px solid red");
           }
        }
      gestionBouton()
    });

   $("#mail").keyup(function(){
    mail_OK =false;
      var emailReg = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;;

      if( !emailReg.test($(this).val())) 
      {
         $("#mail").css("border","2px solid red");
      } 
      else 
      {
        mail_OK =true;
         $("#mail").css("border","2px solid green");
      }
      gestionBouton()
   });

  var gestionBouton = function()
  {
    //alert(Login_dispo+" "+mpd_identique+" "+race_selection+" "+mail_OK);
    if(Login_dispo && mpd_identique && race_selection && mail_OK)
    {
       $("#btn_submit").removeAttr("disabled");
    }
    else
    {
      $("#btn_submit").attr("disabled", "disabled");
    }
  }
});